<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
	<title>百度地图</title>
	<style type="text/css">
		html{height: 100%;}
		body{height: 100%;margin: 0px;padding: 0px;}
		#container{height: 100%;}
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yZD13QP7pdY9oGa3w8KROv5q30UWjhIq"></script>
</head>
<body>
<div id="container">
	
</div>
	
	<script type="text/javascript">
		var map = new BMap.Map("container");    
		map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);    

		map.addControl(new BMap.NavigationControl());
		//map.addControl(new BMap.NavigationControl());    
		//map.addControl(new BMap.ScaleControl());    
		map.addControl(new BMap.OverviewMapControl());    
		//map.addControl(new BMap.MapTypeControl());    
		//map.setCurrentCity("北京"); // 仅当设置城市信息时，MapTypeControl的切换功能才能可用

	</script>
</body>
</html>